.skill {
    .bg-overlay {
        background-color: rgba(0,0,0,.4);
    }
    .bg-parallax {
        ~ .container {
            .skillbar-wrapper {
                * {
                    color: #fff;
                }
            }
        }
    }
}
.skillbar-wrapper {
    margin-top: 25px;
    .h5 {
        font-family: $la;
        font-weight: 400;
        letter-spacing: 0.1em;
    }
}
.skillbar {
    position: relative;
    width: 100%; height: 8px;
    @include rounded(8px);
    background-color: rgba(255,255,255,.35);
    overflow: hidden;
    .skillbar-inner {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0; left: -100%;
        background-color: $color;
        @include rounded(7px);
        text-align: right;
        @include translateX(0);
        .percent {
            position: absolute;
            right: 0; top: -15px;
            font-family: $la;
            font-size: 14px;
            color: #fff;
            @include translateY(-100%);
        }
    }
}
